在商業數據分析中,「佔比與構成關係」是極為常見的呈現需求,例如:「各大產品線佔了總營收的多少百分比?」、「哪種配送方式的使用率最高?」
許多人直覺會選擇使用「圓餅圖(Pie Chart)」,但在專業的資料視覺化領域,傳統圓餅圖往往備受詬病:扇形角度難以用肉眼精準辨識大小、標籤容易擠成一團、且無法在中央展示核心彙總指標。
今天我們要介紹兩種現代商業儀表板中最常用的高質感替代方案:「空心圓環圖(Donut Chart,甜甜圈圖)」 以及能高效呈現層級佔比的 「樹狀圖(Treemap)」,全程同樣免寫任何程式碼!
一、方案一:高顏值的空心圓環圖(Donut Chart)
Tableau 預設的圖表選單裡並沒有「圓環圖」這個獨立按鈕,但透過經典的 「雙軸(Dual Axis)」技巧,只要滑鼠拖拉兩下就能輕鬆做出來。
操作步驟:
建立基礎圓餅圖:
在左側標記卡(Marks Card)的下拉選單中,將標記類型手動切換為 「圓餅圖 (Pie)」。
將維度欄位 Category(產品類別) 拖曳至標記卡的 「色彩 (Color)」。
將度量欄位 Sales(銷售額) 拖曳至標記卡的 「角度 (Angle)」。
將視圖模式從「標準」調整為 「符合整個檢視 (Entire View)」,並拉大標記卡的「大小 (Size)」。
建立雙軸佔位符號:
在上方的 「列 (Rows)」 功能架空白處,快速連續點擊滑鼠左鍵兩下,直接輸入數字 0 並按下 Enter。
再次重複一次:在列功能架上再輸入一個 0。此時畫布上會垂直排列兩個一模一樣的圓餅圖。
合併雙軸與空心化:
在右側第二個 SUM(0) 的膠囊上點擊滑鼠右鍵,選擇 「雙軸 (Dual Axis)」,讓兩個圓重疊在一起。
切換到第二個標記卡中:
將裡面的 Category 與 Sales 拖出來移除。
將標記類型從「圓餅圖」切換為 「圓圈 (Circle)」。
將顏色改為純白色(或與背景同色),並稍微將「大小」調小一點。
空心甜甜圈圖瞬間成型!
中央 KPI 數值填充:
在第二個白色圓圈的標記卡中,將 Sales 拖曳到 「標籤 (Label)」 上。
現在,圓環外圍呈現各類別的佔比色彩,正中央則優雅地顯示著「全公司總營收」的關鍵指標!
二、方案二:資訊密度極高的樹狀圖(Treemap)
當分類項目超過 5 種以上(例如 17 種產品子類別 Sub-Category),圓環圖的色塊會變得過於瑣碎。此時最理想的視覺化方案就是 樹狀圖(Treemap)——利用矩形面積大小與巢狀結構來表達層級佔比。
操作步驟:
拖入層級與量化指標:
開啟一張全新的工作表。
按住鍵盤 Ctrl 鍵,同時選取左側的 Category(大類)、Sub-Category(子類) 與 Sales(銷售額)。
一鍵智慧推薦(Show Me):
展開右上角的 「顯示 (Show Me)」 面板。
點選 「樹狀圖 (Treemap)」 圖示(由多個小方塊組成的圖示)。
解讀矩形視覺層級:
畫面會自動被切割成多個矩形區塊:
面積大小:代表銷售額多寡(越大代表業績越好)。
顏色深淺:可將 Profit 拖入色彩卡,讓面積代表業績、深淺代表毛利。
粗外框分組:同一個大類別(Category)的子項目會被自然聚合在同一個大區塊內。